/*
Credit: http://www.templatemo.com
*/
body {
  margin: 0;
  padding: 0;
  color: #252525;
  font-family: "Arial", Helvetica, sans-serif /* Tahoma, Geneva, sans-serif */;
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: 1px;
  background-color: #B4B4B4;
  background-repeat: repeat-x;
  background-position: top;
  margin-top: -30px;
}

a,a:link,a:visited {
  color: #3C579D;
  text-decoration: none;
  padding: 0;
  margin: 0;
}

a:hover {
  color: #CC9933;
  text-decoration: none;
  cursor: pointer;
/*   font-weight: bolder; */
}

p {
  margin: 0 0 10px 0;
  padding: 0;
}

img {
  border: none;
}

em {
  color: #000;
  font-weight: bold;
  font-style: normal
}

.slider-title {
  margin-top: 250px;
  margin-left: 10px;
  padding: 12px;
  display: block;
  position: absolute;
  float: inside;
  font-size: 25px;
  color: #3C579D;
  background-color: #E2B614;
  opacity: 0.8;
  border-radius: 0.1em 0.1em 0.1em 0.1em;
  box-shadow: 0px 0px 5px 5px #888888;
  font-weight: bold;
}

.course_img {
  width: 500px;
  height: 270px;
  border: none;
}

hr {
  margin: 0;
  padding: 0;
  background-color: #CCCCCC;
  color: #CCCCCC;
  border-style: dotted;
  width: auto;
}

div {
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4,h5,h6 {
  color: #B1653E /* #89a313 */;
  font-weight: normal;
  padding-top: 1px;
  margin-top: 1px;
}

h1 {
  font-size: 25px;
  margin: 0 0 20px 0;
  padding: 5px 0
}

h2 {
  font-size: 22px;
  margin: 0 0 15px 0;
  padding: 5px 0;
}

h3 {
  font-size: 18px;
  margin: 0 0 15px;
  padding: 0;
}

h4 {
  font-size: 16px;
  margin: 0 0 5px;
  padding: 0;
}

h5 {
  font-size: 14px;
  margin: 0 0 10px;
  padding: 0;
}

h6 {
  font-size: 12px;
  margin: 0 0 5px;
  padding: 0;
}

ul {
  list-style: none;
}

li {
  padding: 0;
  margin: 0;
}

.header {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 25px;
}

.cleaner {
  clear: both
}

.h10 {
  height: 10px
}

.h20 {
  height: 20px
}

.h30 {
  height: 30px
}

.h40 {
  height: 40px
}

.h50 {
  height: 50px
}

.h60 {
  height: 60px
}

.more a {
  clear: both;
  display: block;
  width: 109px;
  height: 31px;
  line-height: 31px;
  font-size: 11px;
  text-align: center;
  color: #333;
  font-weight: 700;
  background: url(images/templatemo_readmore.png) no-repeat
}

.more a:hover {
  text-decoration: none;
  color: #000;
}

.more {
  border: none;
  width: 109px;
  height: 31px;
  text-align: center;
  background: url(images/templatemo_readmore.png) no-repeat;
  cursor: pointer;
  color: #333;
  font-weight: 700
}

.more a:hover {
  text-decoration: none;
  color: #000;
}

.float_l {
  float: left
}

.float_r {
  float: right
}

.image_wrapper {
  display: inline-block;
  border: 5px solid #fff;
  background: none;
  margin-bottom: 5px
}

.image_fl {
  float: left;
  margin: 3px 15px 0 0
}

.image_fr {
  float: right;
  margin: 3px 0 0 15px
}

.list {
  margin: 10px 0 10px 10px;
  padding: 0;
  list-style: none
}

.list li {
  margin: 0;
  padding: 0 0 0 30px;
  background: url(images/templatemo_list.png) no-repeat scroll 0 7px
}

/* ------------------ */
#body_wrapper {
  width: 100%;
  min-height: 420px;
  /*  background: url(images/templatemo_wrapper_bottom.png) repeat-x bottom */
}

#wrapper {
  width: 960px;
  padding: 0 50px;
  margin: 0 auto;
  /*  margin-top: 25px; */
  background-color: #F8F8F8; /*#F1F1F1;*/
  box-shadow: 0px 0px 10px 15px #888888;
  text-align: justify;
}

#header {
  width: 960px;
  height: 170px;
  background-color: #949D9A;
  box-shadow: 0 0 10px 1px;
}

#site_title {
  float: left;
}

#site_title h1 {
  margin: 10px 0;
  padding: 0
}

#site_title h1 a {
  display: block;
  margin-left: 30px;
  width: 900px;
  height: 100px;
  color: #fff;
  text-indent: -10000px;
  background: url(images/banner_2.png) no-repeat
}

#slider {
  max-height: 400px;
  height: 400px;
  width: 600px;
}

#menu {
  height: 50px;
  width: 600px;
  position: absolute;
  top: 125px;
  margin-left: 180px;
  text-align: justify;
  letter-spacing: 0.2px;
  background-color: #F0BD00;
  border-radius: 1.4em;
  clear:both;
}

#menu ul {
  position: absolute;
  margin: 15px auto;
  list-style: none;
  clear: both;
  z-index: 10;
}

#menu ul li {
  padding-right: 10px;
  margin: 0 auto;
  display: inline;
  padding: 5px;
  margin-right: 5px;
  margin-left: 2px;
  border-right: 1px solid;
  border-color: #CBA100;
}

#menu ul li:last-child {
  border: none;
}

#menu ul li a {
  height: 50px;
  text-align: center;
  text-decoration: none;
  color: #000;
  padding: 8px 10px 8px 10px;
  font-size: 14px;
  outline: none;
  text-align: justify;
}

#menu ul li a:hover,#menu ul li .current {
  color: #000;
  border-color: #B2BA4E;
  background-color: #B2BA4E;
  border-radius: 0.1em 1.2em 0.1em 1.2em;
  box-shadow: 0 0 3px 1px;
  /*padding: 8px 10px 8px 10px;*/
  font-size: 14px;
  text-align: justify;
  /* background: url(images/templatemo_menu_hover.png) bottom center no-repeat  */
}

/* end of menu */
#middle {
  clear: both;
  width: 960px;
  height: 350px;
  padding: 30px 0 0;
}

#mid_img_wrap {
  float: left;
  position: relative;
  width: 434px;
  height: 10px;
}

#mid_img_wrap span {
  position: absolute;
  width: 434px;
  height: 230px;
  top: 0;
  left: 0;
  background: url(images/templatemo_image_frame.png) no-repeat
}

#mid_img_wrap img {
  margin: 10px 30px;
}

#mid_right {
  float: right;
  width: 460px;
  color: #fff;
}

#mid_right p {
  margin-bottom: 20px
}

#mid_title {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 30px
}

#main {
  clear: both;
  width: 960px;
  min-height: 250px;
  padding: 40px 0 0;
}

.new {
  color: #ce0002;
}

.news_notice {
  text-align: center;
  color: #ce0000;
}

.news_box {
  background-color: #E2B614;
  border-radius: 0.1em 0.1em 0.1em 0.1em;
  box-shadow: 0px 0px 5px 5px #888888;
  /* border: 2px #ce0002;
  border-style: groove;
   */
  color: #000;
  font-size: 20px;
  padding: 20px;
  width: 400px;
  float: left;
  margin-right: 20px;
  margin-bottom: 50px;
  min-height: 150px;
}

.news_box a:hover{
  color: #ccc;
  text-decoration: none;
}

sli {
  border: 1px solid;
  color: #000;
}

.centered {
  text-align: center;
  alignment-adjust: central;
}

.col_w960 {
  width: 960px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

.col_w960_last {
  margin: 0;
  border: 0;
  clear: both;
}

.col_w800 {
  width: 800px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

.col_w700 {
  width: 700px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

.col_w600 {
  min-width: 600px;
  width: 650px;
  float: right;
  padding-bottom: 30px;
  padding-top: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}

.col_w600_last {
  clear: both;
  margin: 0;
  border: 0
}

.col_w450 {
  min-width: 450px;
  width: 450px;
}

.col_w300 {
  min-width: 300px;
  width: 300px;
  padding-right: 10px;
  margin: 0;
}

.col_w200 {
  min-width: 200px;
  width: 200px;
}

.col_allw400 {
  width: 400px;
  float: left;
  margin-right: 30px;
}

.col_last {
  margin: 0;
  border: 0
}

.col_h100 {
  height: 10px;
  max-height: 10px;
}

.col_flt_left {
  float: left;
  margin-top: 5px;
}

.col_flt_left_middle {
  float: left;
  margin-right: 14px;
  margin-left: 14px;
}

.col_flt_right {
  float: right;
  margin-left: 30px;
}

.mid_table table {
  width: 600px;
  margin: 10px 0 10px 100px;
  text-align: center;
  border-color: #CEB31C;
  padding: 5px;
  display: block;
}

.mid_table td th {
  padding: 5px;
}

.mid_table td:first-child {
  text-align: left;
}

.fp_services {
  height: 185px;
  overflow: hidden;
  margin-bottom: 20px;
}

.fp_services_title {
  font-size: 22px;
  margin: 0 0 15px;
  padding: 0;
  font-weight: 400;
}

.fp_services_title a:hover {
  text-decoration: none;
  color: #658B4E /* #B1653E */;
  font-weight: bold;
}

.fp_services_title a {
  text-decoration: none;
  color: #658B4E /* #9B4831 */;
}

.fp_services_box {
  float: left;
  width: 300px;
  margin-right: 30px;
  text-align: left;
}

.fp_services_box img {
  width: 90px;
  /*height: 80px;*/
  margin: 0;
  padding: 0;
}

.last_box {
  margin: 0
}

.fp_services_box .fps_title {
  margin-bottom: 20px;
  font-size: 28px;
  color: #89a313
}

.fp_services_box p {
  width: 250px;
  margin-bottom: 20px;
  text-align: justify;
}

.col_w300 ul {
  padding: 0;
  margin: 0 auto;
}

.side_menu_left ul li {
  margin: 0.1em 60px 0 0;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #F0BD00;
  border-radius: 0.4em;
  overflow: hidden;
  margin: 5px 50px 0 0;
  border-color: #CEB31C;
  border: 1px solid;
}

.side_menu_left ul li:hover {
  border-color: black;
}

/*
// To float in a nice way we can use that script
<script>
jQuery('.side_menu_left').stickyfloat({duration: 0, anchor: '#content-inner', duration: 1100});
</script>
*/
.side_menu_left h1 {
  color: #F0BD00;
  /*     margin: 5px 0 5px; 10px; */
  display: block;
  background-color: #B2BA4E;
  padding: 5px;
  border-radius: 0.1em 1.2em 0.1em 1.2em;
  text-align: justify;
}

.side_menu_left ul li a {
  font-size: 15px;
  font-weight: 400;
  width: 80%;
  margin: 0 0 0 20px;
  color: #000;
  padding-right: 50px;
  text-decoration: none;
  border-radius: 0.4em;
}

.side_menu_left ul li a:hover {
  color: activecaption;
}

.table_menu td {
  border: 2px solid;
  border-color: black;
  padding: 5px 20px 5px 20px;
  background-color: #F0BD00;
  border-radius: 0.6em 0.6em 0.6em 0.6em;
  width: 200px;
  text-align: center;
}

.table_menu {
  margin-top: 20px;
}

.table_menu table {
  width: 200px;
  float: left;
}

.table_menu a {
  width: 100%;
  display: block;
  color: #000;
  float: left;
}

.table_menu th {
  background-color: #B2BA4E;
  border-radius: 0.1em 1.2em 0.1em 1.2em;
  text-align: center;
  /*     0.1em 1.2em 0.1em 1.2em; */
  border-color: #F0BD00;
  border: 1px solid;
  font-size: 22px;
  padding: 8px;
}

.voucherMenu {
  border-style: groove;
  color: #FFFFFF;
  padding: 0;
  list-style: none;
  float: right;
  height: 40px;
  width: 960px;
  margin: 0;
  background-color: #4B5D65;
  margin-bottom: 10px;
}

.voucherMenu tr {
  padding-top: 10px;
  float: left;
  style: none;
}

.voucherMenu td {
  max-width: 150px;
}

.voucherMenu a {
  /*     background-position: right;
    display: block;
    line-height: 15px;
    text-decoration: none;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 15px;
    color: #FFFFFF;
    border-right: dotted 1px;
    border-color: #FFFFFF; */
  text-decoration: none;
  /*     font-family: Georgia, "Times New Roman", Times, serif; */
  font-size: 14px;
  color: #FFFFFF;
}

.voucherMenu li:last-child a {
  border: none;
}

.voucherMenu a:hover {
  color: #E6B635;
  /*border: none;
    */
}

.nav li {
  padding: 6px;
  margin: 0px;
  list-style: none;
  /*border-style: groove;
    border-length: 1px;
    border-color: #3C579D;
    */
  margin-bottom: 6px;
  cursor: pointer;
  border-bottom: dotted 1px;
  border-color: #CCCCCC;
}

.nav li h4 {
  cursor: pointer;
  color: #CC9933
}

#footer_wrapper {
  clear: both;
  width: 1060px;
  margin: 0 auto;
  /*  width: 100%; */
  /*background: url(images/templatemo_footer.jpg) repeat-x;
    */
  background-color: #E2B614;
  box-shadow: 0px 20px 10px 15px #888888;
  z-index: -10;
}

#footer {
  width: 960px;
  height: 195px;
  padding: 20px 0 0;
  margin: 0 auto;
  color: #706E69;
  line-height: 1.7em;
}

.links li {
  list-style: none;
  clear: both;
}

.links ul {
  margin: 0 0 0 0;
}

.links img {
  float: left;
  border: none;
  height: 60px;
  width: 100px;
  margin-right: 2px;
  margin-bottom: 2px;
}

.footer_title {
  display: block;
  height: 40px;
  margin-bottom: 30px
}

.footer_title h5 {
  color: #3C579D;
  margin-bottom: 0
}

.fb h5,a {
  color: #3C579D;
}

.footer_title img {
  float: left;
  margin-right: 20px;
}

#newsletter_input {
  background: #747474;
  width: 200px;
  padding: 3px 5px;
  border: 1px solid #000
}

#newsletter_submit {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer
}

#copyright {
  clear: both;
  width: 960px;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  color: #9a9a9a;
}

#copyright a {
  color: #fff
}

.pdf_doc a{
  padding-right: 25px;
  background: url(images/icon_pdf.gif) no-repeat right;

}